<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>后台首页</title>
		{load href="/static/css/admin.css,/static/js/layer/skin/default/layer.css" /}
	</head>

	<body>
		<div class="head">
			<img src="/static/img/notify.svg" />
			<span>欢迎使用小天科技商户云平台!</span>
			<span class="right">当前门店:<span class="green">黄焖鸡米饭(科技园店)</span></span>
		</div>

		<div id="mycontent">
			<div class="searchbar">
				<input type="text" name="" id="ordersn" value="" placeholder="订单号/平台交易号" />
				<input type="button" name="" id="" value="搜索" />
				<span id="addbtn">+添加门店</span>
			</div>

			<table id="mytable" align="center" border="1px" cellpadding="0" cellspacing="0">
				<tr align="middle">
					<th>门店编号</th>
					<th>门店名称</th>
					<th>所属商户</th>
					<th>门店地址</th>
					<th>操作</th>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
				<tr align="middle">
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td>Data</td>
					<td><button class="btn-success edit">编辑</button>&nbsp;&nbsp;<button class="btn-danger cashier">+收银员</button></td>
				</tr>
			</table>

			<div id="myfoot">
				<span>首页</span><span>上一页</span><span class="active">1</span><span>2</span><span>3</span><span>下一页</span>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		{load href="/static/js/layer/layer.js" /}
		<script type="text/javascript">
			document.getElementById("addbtn").addEventListener("click", function() {
				layer.open({
					type: 2,
					title: '编辑门店',
					shadeClose: true,
					shade: 0.8,
					area: ['380px', '70%'],
					content: 'editshop.html' //iframe的url
				});
			})

			$("#mytable").on("click", ".edit", function() {
				layer.open({
					type: 2,
					title: '编辑门店',
					shadeClose: true,
					shade: 0.8,
					area: ['380px', '70%'],
					content: 'editshop.html' //iframe的url
				});
			})

			$("#mytable").on("click", ".cashier", function() {
				layer.open({
					type: 2,
					title: '编辑门店',
					shadeClose: true,
					shade: 0.8,
					area: ['100%', '100%'],
					content: 'cashier.html' //iframe的url
				});
			})
		</script>
	</body>

</html>